<template>
  <div>
    <h1>{{ title }}</h1>
    <h2>姓名： {{ userInfo.name }}</h2>
    <h2>年龄： {{ userInfo.age }}</h2>
    <button v-on:click.stop="onClickHandler">确认信息</button>
  </div>
</template>

<script>
export default {
  // props: ['title'],
  props: {
    title: String,
    userInfo: {
      type: Object,
      required: true,
    },
  },
  methods: {
    onClickHandler() {
      // 自定义事件 `confirm`
      this.$emit('confirm', this.userInfo);
    },
  },
}
</script>

<style>

</style>